@use "@/styles/variables.scss" as *;

.container {
  @include flex-center();
  min-height: 100vh;
  padding: $spacing-lg;
  background-color: $background-color;
}

.logo {
  $logo-size: 200px;
  height: $logo-size;
  width: $logo-size;
  @include transition(transform);

  &:hover {
    transform: scale(1.05);
  }
}

.title {
  color: $primary-color;
  font-size: $font-size-lg;
  margin: $spacing-md 0;
}

.card {
  background: white;
  border-radius: $border-radius;
  padding: $spacing-lg;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}